::-webkit-scrollbar {display:none !important;}
body {
  background: url("../assets/images/ww-bg.png") repeat !important;
}
html {
  -ms-overflow-style:none;
  overflow:-moz-scrollbars-none;
}
html::-webkit-scrollbar{width:0px}
.ww-border {
  border: 1px solid #0099FF;
}
.main-container ::-webkit-scrollbar {
  height: 0em;
}
.app-main ::-webkit-scrollbar {
  height: 0em;
}

.bg-app{
  background: url("../assets/images/bg-app-container.png") no-repeat;
  background-size:100% 100%;
}
.no-border {
  border: none;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

.el-table {
  color: white;
}

.link-type {
  color: white !important;
}

.el-table tr {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #0099FF;
}

.el-table tr:nth-child(2) {
  background: rgba(0, 153, 255, 0.20);
  /*border-bottom: 1px solid #0099FF;*/
}

.table-border {
  /*border: none;*/
  border: 0.25px solid #0099FF;;
  /*border-bottom: 1px;*/
  /*border-right: 0px;*/
}

.color-none {
  background-color: rgba(0, 0, 0, 0);;
}
.el-textarea__inner{
  border:1px solid #0099FF;
  background-color: transparent;
}
/* el-table css*/
.el-table tr {
  border: 0.25px solid #0099FF;
}
.el-table__body tr > th:first-child {
  border-left: 0.5px solid #0099FF;
}

.el-table__body tr > th {
  border: 0.5px solid #0099FF;
}

.current-row {
  background-color: #F8CF07;
}

.el-table thead {
  color: white;
}

.el-table--border td, .el-table--border th {
  border: 0.5px solid #0099FF;
}

.el-table td, .el-table th.is-leaf {
  border-bottom: 0.5px solid #0099FF;
}

.el-table--enable-row-hover .el-table__body tr:hover > td {
  background-color: rgba(248, 207, 7, 0.20);
  border-top: 1px solid #F8CF07;
  border-bottom: 1px solid #F8CF07;

}

.el-table--enable-row-hover .el-table__body tr:hover > td:first-child {
  border-left: 1px solid #F8CF07;
}

.el-table--enable-row-hover .el-table__body tr:hover > td:last-child {
  border-right: 1px solid #F8CF07;
}

.el-table--striped .el-table__body tr.el-table__row--striped.current-row td, .el-table__body tr.current-row > td, .el-table__body tr.hover-row.current-row > td, .el-table__body tr.hover-row.el-table__row--striped.current-row > td, .el-table__body tr.hover-row.el-table__row--striped > td, .el-table__body tr.hover-row > td {
  background-color: rgba(0, 0, 0, 0);;
}
.el-table__empty-text{
  color: white;
  text-align: left;
}
.element::-webkit-scrollbar {
  display: none
}
.el-table--border::after, .el-table--group::after{
  width: 0px;
}
.el-table--border::before, .el-table--group::before{
  width: 0px;
}
.el-table .warning-row {
  border: 0.5px solid #0099FF;
}

/* el-pagination css*/

.el-pagination {
  background-color: rgba(0, 0, 0, 0);;
  color: white;
}

.el-pagination .el-pager .active {
  color: #6bd5f1
}

.el-pagination button.disabled {
  background-color: rgba(0, 0, 0, 0);
  color: white;

}

.el-pager {
  background-color: rgba(0, 0, 0, 0);
  color: white;
}

.el-dialog, .el-pager li {
  background-color: rgba(0, 0, 0, 0);
  color: white;
}

/* el-select*/

.el-input__inner {
  background-color: rgba(0, 0, 0, 0);
  border: 0px solid #d8dce5;
  color: #FFFFFF;
}

.el-icon-arrow-up:before {
  content: "\E615";
}

/*.is-reverse.el-icon-arrow-up:before {*/
  /*color: rgb(244, 198, 3);*/
/*}*/

.el-select > .el-input {
  background: url("../assets/images/input-normal.png") no-repeat;
  background-size: 100% 100%;
}
.el-select > .el-input:hover {
  background: url("../assets/images/input-hover.png") no-repeat;
  /*color: #F8CF07;*/
  background-size: 100% 100%;
}
.el-input:hover .el-input__inner {
  color: #F8CF07;
}
.el-input:hover .el-input__icon{
  color: #F8CF07;
}
.el-date-editor.el-input {
  background: url("../assets/images/date-narmal.png") no-repeat;
  background-size: 100% 100%;
  width: 140px !important;
}
.el-range-editor.el-input__inner{
  border: 0.5px solid #0099FF;
  color: white;
}

.el-date-editor .el-range-input {
  background-color: transparent;
  color: white;
}
.el-date-table td.in-range div, .el-date-table td.in-range div:hover, .el-date-table.is-week-mode .el-date-table__row.current div, .el-date-table.is-week-mode .el-date-table__row:hover div{
  background-color: #0099FF;
}
.el-select-dropdown__item.hover, .el-select-dropdown__item {
  color: #E1E4E7;
  font-size: 16px;
}
.el-input.is-disabled .el-input__inner{
  background-color: rgba(0,0,0,0);
}
.el-select-dropdown__item.hover, .el-select-dropdown__item:hover {
  /*opacity: 0.51;*/
  background: #2AA4FF;
  color: #E1E4E7;
}

.el-select-dropdown__item.selected {
  background: #2AA4FF;
  color: #E1E4E7;
}

.el-scrollbar__wrap {
  background: #0C1A3D;
  border: 1px solid #0099FF;
}

.popper__arrow {
  display: none !important;
}

.el-select-dropdown__empty {
  background: #0C1A3D;
  color: white;
  border: 1px solid #0099FF;
}

.el-picker-panel, .el-date-picker {
  background: #0C1A3D;
  border: 1px solid #0099FF;
  box-shadow: 0 3px 8px 0 rgba(53, 77, 153, 0.30);
}

.el-date-picker__header {
  color: #2AA4FF;
}

.el-date-picker__header-label {
  color: #2AA4FF;
}

.el-date-table tbody tr:first-child >th{
  color: #2AA4FF;
}

.prev-month {
  color: #E1E4E7;
}

.available {
  font-size: 14px;
  color: #7C86A2;
}

.next-month {
  font-size: 14px;
  color: #7C86A2;
}

/*DIALOG*/
.el-dialog{
  background: rgba(12,26,61,0.90);
  border: 1px solid #0099FF;
  box-shadow: 0 3px 8px 0 rgba(53,77,153,0.30);
  border-radius: 4px;
}
.el-dialog__title{
  color: #fff;
}

.el-form-item__label{
  color: white;
}

.el-dialog__body {
  margin-left: 20px;
  margin-right: 20px;
  border-top: 1px solid #0292EE;
  border-bottom: 1px solid #0292EE;

}
.el-dialog__body .el-input{
  border: 1px solid #0099FF ;
}
.el-dialog__body .el-select > .el-input{
  border: 1px solid #0099FF ;
  background-image: none;
}
.el-dialog__body .is-error .el-input{
  border: 1px red solid;
}
.el-dialog__body .is-error{
  border:none !important;
}
/*messageBox*/
.el-message-box{
  background: rgba(12,26,61,0.90);
  border: 1px solid #0099FF ;
  color: white;
}
.el-message-box__title{
  color: white;
}
.el-message-box__message p{
  color: white;
}
.btn-ww{
  border: 2px solid #0099FF;
  color: white;
  background-image: url("../assets/images/btn-normal.png");
  background-size: 100% 100%;
}
.btn-ww:hover{
  background-image: url("../assets/images/btn-hover.png");
  background-size: 100% 100%;
}
.btn-ww:focus{
  background-image: url("../assets/images/btn-focus.png");
  background-size: 100% 100%;
}
.is-error{
   border: 1px solid red !important;
}

.search-bg{
  background-image: linear-gradient(-180deg, #00C9FF 0%, #00B1FF 47%, #0099FF 48%, #0099FF 61%, #0DA9FF 90%);
  border: 1px solid #0099FF;
  color: white;
  border-radius: 0px;
  box-sizing: border-box;
}
.el-input-group__append{
  /*border-image: linear-gradient(-180deg, #00C9FF 0%, #00B1FF 47%, #0099FF 48%, #0099FF 61%, #0DA9FF 90%);*/
  border: 0.5px solid #0099FF;
  background-color: rgba(0, 0, 0, 0);
  color: white;
  border-radius: 0px;
}
.el-icon-search:before{
  font-size: 18.1px;
}
.four-corner{
  background: linear-gradient(to left, #0099FF, #0099FF) left top no-repeat,
  linear-gradient(to bottom, #0099FF, #0099FF) left top no-repeat,
  linear-gradient(to left, #0099FF, #0099FF) right top no-repeat,
  linear-gradient(to bottom, #0099FF, #0099FF) right top no-repeat,
  linear-gradient(to left, #0099FF, #0099FF) left bottom no-repeat,
  linear-gradient(to bottom, #0099FF, #0099FF) left bottom no-repeat,
  linear-gradient(to left, #0099FF, #0099FF) right bottom no-repeat,
  linear-gradient(to left, #0099FF, #0099FF) right bottom no-repeat;
  background-size: 2px 20px, 20px 2px, 2px 20px, 20px 2px;
}
.two-corner{
  background: linear-gradient(to left, #0099FF, #0099FF) left top no-repeat,
  linear-gradient(to bottom, #0099FF, #0099FF) left top no-repeat,
  linear-gradient(to left, #0099FF, #0099FF) right bottom no-repeat,
  linear-gradient(to left, #0099FF, #0099FF) right bottom no-repeat;
  background-size: 1px 20px, 20px 1px, 1px 20px, 20px 1px;
}

.ww-logo{
  /*width: 260px;*/
  height: 50px;
  display: block;
  text-align: center;
  background: url("../assets/images/logo.png") no-repeat;
  background-size: 260px 50px;
  background-position: center;
}


/* loading */
.ww-loading{
   width: 178.9px;
  height: 178.9px;
   background: url("../assets/images/loading.png") no-repeat 100% 100%;
}
/*按钮的选择背景*/
.el-radio-button .el-radio-button__inner{
  background: url("../assets/images/input-normal.png") no-repeat;
  background-size: 100% 100%;
  border: none;
  border-radius: 0px;
}
.el-radio-button__orig-radio:checked+.el-radio-button__inner{
  background: url("../assets/images/input-hover.png") no-repeat;
  /*color: #F8CF07;*/
  background-size: 100% 100%;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;

}

.el-radio-button:first-child .el-radio-button__inner{
  border: none;
  border-radius: 0px;
}
.el-radio-button:last-child .el-radio-button__inner{
  border: none;
  border-radius: 0px;
}
